import React, { Component } from 'react'
import qs from 'querystringify'

export default class Login extends Component {
  jump() {
    console.log(this.props);
    this.props.history.push('/')
  }
  render() {
    console.log(this.props.location.search);
    // 获取url上的参数
    let str = this.props.location.search;
    let arg = new URLSearchParams(str);
    // URLSearchParams是用来处理路由参数的一个方法，传入路由参数，再调用get方法，可以获取对应的值
    console.log(arg.get('age'));
    console.log(arg.get('name'));
    console.log('--------------');
    // querystringify这个依赖包的parse方法，可以解析url中的参数，而且会自动处理多余的特殊字符，例如：？
    console.log(str);
    let data = qs.parse(str);
    console.log(data);
    return (
      <div>
        <p>Login</p>
        <button onClick={()=>this.jump()}>首页</button>
      </div>
    )
  }
}
